<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 0:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>主页</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>主页</title>

    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">


    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
    <script type="text/javascript">
        var msg = "${msg}"
        if(msg!=""){
            alert(msg)
        }
    </script>
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li class="active"><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                        <li><a href="index/logout/${jump}">退出登录</a> </li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="jsp/denglu.jsp"></jsp:include>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->


    <!-- ============================ Hero Banner  Start================================== -->
    <div class="hero-banner center" style="background:#93d4f0;">
        <div class="container">
            <h1><span class="count">2147483647</span> 用户 学习 & 交流</h1>
            <p class="lead">纯引战：Java是世界上最棒的语言</p>
                <div class="row justify-content-center">
                    <div class="col-lg-8 col-md-10 col-sm-12">
                        <div class="banner-search style-1">
                            <div class="input-group">
                                <div class="input-group-append hime_m">
                                    <div class="form-group b-r">
                                        <select id="category" class="js-states form-control">
                                            <option value=""></option>
                                            <c:forEach items="${slist}" var="s">
                                                <option value="${s.sid}">${s.sname}</option>
                                            </c:forEach>
                                        </select>
                                    </div>
                                </div>
                                <input type="text" class="form-control lio-rad" placeholder="搜索问题标题" >
                                <div class="input-group-append">
                                    <button type="button" class="btn bt-round"><i class="ti-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <!-- ============================ Hero Banner End ================================== -->

    <!-- ============================ Category Section Start ==================================== -->
    <section class="p-0 overlio-top">
        <div class="container">
            <div class="row">

                <!-- Single Category -->
                <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="urip_cated shadow">
                        <div class="urip_cated_avater">
                            <img src="assets/img/eclipse.jpg" class="img-fluid" alt="" />
                        </div>
                        <div class="urip_cated_caps">
                            <h3 class="cats_urip_title"><a href="#">Eclipse</a></h3>
                            <span>233k Download</span>
                        </div>
                    </div>
                </div>

                <!-- Single Category -->
                <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="urip_cated shadow">
                        <div class="urip_cated_avater">
                            <img src="assets/img/idea.jpg" class="img-fluid" alt="" />
                        </div>
                        <div class="urip_cated_caps">
                            <h3 class="cats_urip_title"><a href="#">Idea</a></h3>
                            <span>666k Items</span>
                        </div>
                    </div>
                </div>

                <!-- Single Category -->
                <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="urip_cated shadow">
                        <div class="urip_cated_avater">
                            <img src="assets/img/hbulider.jpg" class="img-fluid" alt="" />
                        </div>
                        <div class="urip_cated_caps">
                            <h3 class="cats_urip_title"><a href="#">Hbulider</a></h3>
                            <span>199k Items</span>
                        </div>
                    </div>
                </div>

                <!-- Single Category -->
                <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="urip_cated shadow">
                        <div class="urip_cated_avater">
                            <img src="assets/img/shopify.svg" class="img-fluid" alt="" />
                        </div>
                        <div class="urip_cated_caps">
                            <h3 class="cats_urip_title"><a href="#">shopify</a></h3>
                            <span>10k Items</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ============================ Category Section End ==================================== -->

    <!-- ============================ Newest Designs Start ==================================== -->
    <section class="min-sec">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-9">
                    <div class="sec-heading">
                        <h2>查看精品课程</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="product_879_list">
                        <button class="_uy98p active">All categories</button>
                        <button class="_uy98p">HTML Designs</button>
                        <button class="_uy98p">WP Themes</button>
                        <button class="_uy98p">CMS Themes</button>
                        <button class="_uy98p">eCommerce</button>
                        <button class="_uy98p">Blogging</button>
                        <button class="_uy98p">UI Templates</button>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-1.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">Listly - Business Directory & Listings HTML Template</a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">00 Sales</div>
                                    <div class="items_price">$24</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-2.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">JobVivo - Job Board & Freelancers HTML Template</a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">03 Sales</div>
                                    <div class="items_price">$32</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-3.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">LearnUp - Online Cources & LMS HTML Template</a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Sk Designs</a><span> in </span><a class="cate_mnb" href="#">Education</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">10 Sales</div>
                                    <div class="items_price">$22</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-4.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">Odex - Grocery & Organic Food HTML Template </a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">eCommerce</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">03 Sales</div>
                                    <div class="items_price">$20</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-5.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">Resido - Real Estate & Property HTML Template</a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">02 Sales</div>
                                    <div class="items_price">$21</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Items -->
                <div class="col-lg-4 col-md-6">
                    <div class="item_group">
                        <div class="item_group_thumb">
                            <a href="item-detail.html" class="item-figure">
                                <img src="assets/img/preview-6.jpg" class="img-fluid" alt="" />
                            </a>
                        </div>
                        <div class="item_group_caption">
                            <h3 class="item_title_bmb"><a href="item-detail.html">Unico - Multipurpose Business & Corporate HTML Template</a></h3>
                            <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">DK Themes</a><span> in </span><a class="cate_mnb" href="#">Corporate</a></div>

                            <div class="item_inner-caption">
                                <div class="inner-caption_flex">
                                    <div class="items_slaes">12 Sales</div>
                                    <div class="items_price">$36</div>
                                </div>
                                <div class="item_inner-last">
                                    <div class="item_list_links">
                                        <a href="item-detail.html" class="link link_prview">Preview</a>
                                        <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>
    <!-- ============================ Newest Designs End ==================================== -->

    <!-- ============================ Featured Themes Start ==================================== -->
    <section class="light-w">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-9">
                    <div class="sec-heading">
                        <h2>Featured Themes of The Month</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="owl-carousel owl-theme middle-arrow-hover" id="theme-slide">

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-13.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">Travlio - Travel & Booking HTML Template</a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Booking</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(48 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">112k Sales</div>
                                            <div class="items_price">$24</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-8.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">Job Stock - Job Board & Freelancers HTML Template</a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(42 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">12k Sales</div>
                                            <div class="items_price">$32</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-9.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">Verio - Property & Real Estate HTML Template</a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Sk Designs</a><span> in </span><a class="cate_mnb" href="#">Education</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(40 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">110k Sales</div>
                                            <div class="items_price">$22</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-10.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">Rikada - Real Estate HTML Template </a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(87 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">69k Sales</div>
                                            <div class="items_price">$20</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-11.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">Virasat - Multipurpose One Page HTML Template</a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(69 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">12k Sales</div>
                                            <div class="items_price">$21</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Items -->
                        <div class="themes-slides">
                            <div class="item_group shadow-0 m-0">
                                <div class="item_group_thumb">
                                    <a href="item-detail.html" class="item-figure">
                                        <img src="assets/img/preview-12.jpg" class="img-fluid" alt="" />
                                    </a>
                                </div>
                                <div class="item_group_caption">
                                    <h3 class="item_title_bmb"><a href="item-detail.html">WorkIn - Awesome Job Board HTML Template</a></h3>
                                    <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">DK Themes</a><span> in </span><a class="cate_mnb" href="#">Corporate</a></div>
                                    <div class="item_rating">
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <i class="fa fa-star filled"></i>
                                        <span class="rat-info_cvl">(45 Reviews)</span>
                                    </div>

                                    <div class="item_inner-caption">
                                        <div class="inner-caption_flex">
                                            <div class="items_slaes">76k Sales</div>
                                            <div class="items_price">$36</div>
                                        </div>
                                        <div class="item_inner-last">
                                            <div class="item_list_links">
                                                <a href="item-detail.html" class="link link_prview">Preview</a>
                                                <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                                <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- ============================ Featured Themes End ==================================== -->

    <!-- ============================ News Updates Start ==================================== -->
    <section class="min-sec">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-9">
                    <div class="sec-heading">
                        <h2>Latest Updates & News</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>

            <div class="row">

                <!-- Single Slide -->
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="articles_grid_style style-2">
                        <div class="articles_grid_thumb">
                            <a href="blog-detail.html"><img src="assets/img/b-1.jpg" class="img-fluid" alt=""></a>
                        </div>

                        <div class="articles_grid_caption">
                            <div class="mpd-date-wraps">
                                <span class="mpd-meta-date">10</span>
                                <span class="mpd-meta-month">Jul</span>
                            </div>
                            <div class="blog-grid-cat">Business</div>
                            <h4>The National Minimum wage is an important part</h4>
                            <div class="articles_grid_desc">
                                <p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                            </div>
                        </div>

                        <div class="articles_grid_caption-footer">
                            <div class="articles_grid_author">
                                <div class="articles_grid_author_img"><img src="assets/img/user-2.jpg" class="img-fluid" alt=""></div>
                                <h4>Mithali Malhotra</h4>
                            </div>
                            <div class="footer-flex-last">
                                <a href="blog-detail.html" class="bl-detail-view">Read More</a>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- Single Slide -->
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="articles_grid_style style-2">
                        <div class="articles_grid_thumb">
                            <a href="blog-detail.html"><img src="assets/img/b-2.jpg" class="img-fluid" alt=""></a>
                        </div>

                        <div class="articles_grid_caption">
                            <div class="mpd-date-wraps">
                                <span class="mpd-meta-date">10</span>
                                <span class="mpd-meta-month">Jul</span>
                            </div>
                            <div class="blog-grid-cat ca-1">Banking</div>
                            <h4>The National Minimum wage is an important part</h4>
                            <div class="articles_grid_desc">
                                <p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                            </div>
                        </div>

                        <div class="articles_grid_caption-footer">
                            <div class="articles_grid_author">
                                <div class="articles_grid_author_img"><img src="assets/img/user-3.jpg" class="img-fluid" alt=""></div>
                                <h4>Adam Willsone</h4>
                            </div>
                            <div class="footer-flex-last">
                                <a href="blog-detail.html" class="bl-detail-view">Read More</a>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- Single Slide -->
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="articles_grid_style style-2">
                        <div class="articles_grid_thumb">
                            <a href="blog-detail.html"><img src="assets/img/b-3.jpg" class="img-fluid" alt=""></a>
                        </div>

                        <div class="articles_grid_caption">
                            <div class="mpd-date-wraps">
                                <span class="mpd-meta-date">10</span>
                                <span class="mpd-meta-month">Jul</span>
                            </div>
                            <div class="blog-grid-cat ca-2">Fitness</div>
                            <h4>The National Minimum wage is an important part</h4>
                            <div class="articles_grid_desc">
                                <p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                            </div>
                        </div>

                        <div class="articles_grid_caption-footer">
                            <div class="articles_grid_author">
                                <div class="articles_grid_author_img"><img src="assets/img/user-4.jpg" class="img-fluid" alt=""></div>
                                <h4>Retha Gloriya</h4>
                            </div>
                            <div class="footer-flex-last">
                                <a href="blog-detail.html" class="bl-detail-view">Read More</a>
                            </div>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </section>
    <!-- ============================ News Updates End ==================================== -->

    <!-- ============================ Call To Action Start ================================== -->
    <section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-lg-7 col-md-8">
                    <div class="clt-caption text-center mb-4">
                        <h3>Subscribe Now!</h3>
                        <p>Simple pricing plans. Unlimited web maintenance service</p>
                    </div>
                    <div class="inner-flexible-box subscribe-box">
                        <div class="input-group">
                            <input type="text" class="form-control large" placeholder="Enter your mail here">
                            <button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Call To Action End ================================== -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="jsp/footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->

    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

</body>
</html>